<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link href="../../../jquery-ui-1.10.4.custom.min.css" rel="stylesheet"/>
    <link href="styles.css" rel="stylesheet"/>

    <script src="../../../jquery-1.10.2.js" type="text/javascript"></script>
    <script src="../../../jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
</head>
<body>

<?php
$questions = isset($_REQUEST["questions"]) ? $_REQUEST["questions"] : "";

echo "<pre>";
print_r($questions);
echo "</pre>";

?>

<div>
    <form class="quiz-form">
        <input type="button"
               title="Добавить новый вопрос в тест"
               class="add-question"
               value="Добавить вопрос"/>
        <div id="errors-console"></div>
        <table class="questions-table" cellspacing="0">
            <thead>
            <tr>
                <th>№</th>
                <th>Вопрос</th>
                <th>Варинаты ответов</th>
                <th>Операции</th>
            </tr>
            </thead>
            <tbody>
            <tr class="question-row">
                <td></td>
                <td>
                    <textarea name="questions[]['text']"
                              title="Введите текст вопроса"
                              placeholder="Текст вопроса"
                              rows="8"
                              cols="60"></textarea>
                </td>
                <td>
                    <input type="button"
                           title="Добавить новый вариант ответа"
                           class="add-answer"
                           value="Добавить ответ"/>
                    <input type="button"
                           title="Набор ответов Да/Нет"
                           class="answers-yes-no"
                           value="Да / Нет"/>
                    <table>
                        <tbody>
                        <tr class="answer-row">
                            <td>
                                <input
                                    name="answer_checked"
                                    title="Отметить правильный вариант ответа"
                                    type="checkbox"/>
                            </td>
                            <td>
                                <input name="answer_text"
                                       title="Введите текст варианта ответа"
                                       type="text"
                                       placeholder="Вариант ответа"
                                       value=""/>
                            </td>
                            <td>
                                <input class="remove-answer"
                                       title="Удалить ответ"
                                       type="button"
                                       value="Х"/>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td>
                    <input class="remove-question"
                           title="Удалить вопрос"
                           type="button"
                           value="Х"/>
                </td>
            </tr>
            </tbody>
        </table>
        <input type="submit"/>
    </form>

    <script type="text/javascript">
        $(function () {
            var questionsCount = 2;
            for (var i = 0; i < questionsCount; i++) {
                addNewQuestionRow(4);
            }
        });
    </script>

</div>


<script src="application.js" type="text/javascript"></script>

</body>
</html>